document.addEventListener('DOMContentLoaded', function() {
    // 获取用户ID
    const userId = localStorage.getItem('userId');
    if (!userId) {
        alert('用户信息获取失败，请重新登录');
        window.location.href = 'login.html';
        return;
    }

    // 加载用户信息
    fetchUserInfo(userId);

    // 返回按钮点击事件
    document.getElementById('backBtn').addEventListener('click', function() {
        window.history.back();
    });

    // 注销按钮点击事件
    document.getElementById('logoutBtn').addEventListener('click', logout);

    // 表单提交事件
    document.getElementById('profileForm').addEventListener('submit', function(e) {
        e.preventDefault();
        updateUser();
    });
});

function fetchUserInfo(userId) {
    // 获取用户信息
    fetch(`/api/users/${userId}`)
        .then(response => {
            if (!response.ok) {
                throw new Error('获取用户信息失败');
            }
            return response.json();
        })
        .then(user => {
            document.getElementById('username').value = user.username;
            document.getElementById('password').value = user.password;
            document.getElementById('email').value = user.email;
        })
        .catch(error => {
            console.error('获取用户信息出错:', error);
            alert('获取用户信息失败，请稍后再试');
        });
}

function updateUser() {
    const userId = localStorage.getItem('userId');
    if (!userId) {
        alert('用户信息获取失败，请重新登录');
        window.location.href = 'login.html';
        return;
    }

    const username = document.getElementById('username').value;
    const password = document.getElementById('password').value;
    const email = document.getElementById('email').value;

    fetch(`/api/users/${userId}`, {
        method: 'PUT',
        headers: {
            'Content-Type': 'application/json',
        },
        body: JSON.stringify({ username, password, email }),
    })
        .then(response => {
            if (!response.ok) {
                throw new Error('更新用户信息失败');
            }
            return response.json();
        })
        .then(data => {
            alert('个人信息更新成功');
        })
        .catch(error => {
            console.error('更新用户信息出错:', error);
            alert('个人信息更新失败，请稍后再试');
        });
}

function logout() {
    // 注销登录
    localStorage.removeItem('userId');
    window.location.href = 'login.html';
}